<div class="palm-scene palm-dark small-notification">
  <div class="glass-background"></div>
  <div class="glass-fade-top" x-mojo-scroll-fade="top" style="display:none"></div>	
  <div class="glass-fade-bottom" x-mojo-scroll-fade="bottom" style="display:none"></div>

  <div id="firstuse-main">
  	<div class="glass-card small-notification">
  		<div class="glass-margin">
  			<div class="scene-title"><span>输入密码</span></div> 
        <div class="glass-div">
    			<div id="account-password">
    				<form id="passwordForm">
    					<p>
    						<span>输入长度在 6-20 个字符间的新密码，用以安全地备份和恢复您的数据，并使用其他 Palm 服务。</span>
    					</p>
    					<div class="glass-div">

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>密码</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
    						          <div id="acctPassword" name="acctPassword" x-mojo-element="PasswordField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>						 

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>重新输入密码</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
    						          <div id="verifyPassword" name="verifyPassword" x-mojo-element="PasswordField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>


    						 <div id="acctPasswordError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">请输入密码</div>
                   </div>
    						 </div>
    						 <div id="verifyPasswordError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">请确认密码</div>
                   </div>
                 </div>
    				<div id="acctPasswordLengthError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">密码必须有 6-20 个字符</div>
                   </div>
                 </div>
  			   <div id="acctPasswordSpaceError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">密码中不得包含空格</div>
                   </div>
                 </div>
    			   <div id="passwordMisMatchError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">密码不相符</div>
                   </div>
                 </div>
    					</div>

  				<div x-mojo-element="Button" id="submitPassword"></div>	


    				</form>
    			</div>
          
        </div>
  		</div>
  	</div>
  </div>

  <div id="target"></div>
</div>
